import React, {FC} from "react";

import "./Tack.scss"

import PrepareToStudy from "../../components/PrepareToStudy/taskList";

const Task: FC<any> = () => {
    return (
        <div className="task">
            {/* 准备学习 */}
            <div className="prepare">
                <PrepareToStudy title="准备学习" taskType="prepare" add={true} backgroundColor="#f5e0e1"/>
            </div>
            {/* 学习中 */}
            <div className="learning">
                <PrepareToStudy title="学习中" taskType="learning" add={false} backgroundColor="#a3d09b"/>
            </div>
            {/* 已完成 */}
            <div className="complete">
                <PrepareToStudy title="完成学习" taskType="complete" add={false} backgroundColor="#e2e2e2"/>
            </div>
        </div>
    )
}
export default Task;